import React from 'react'
import {NodesPanel} from '../components/NodesPanel'
import { Accordion } from 'react-sanfona'
import {CustomAccordionItem} from './sidebar/CustomAccordionItem'

import 'normalize.css'

export class StencilPanel extends React.Component {



    render (){
        return (
            <div className='stencil-panel'>
                <Accordion allowMultiple>
                    <CustomAccordionItem
                        key={'stencil'}
                        title={'Stencil'}
                        expanded={true}
                    >
                        <NodesPanel></NodesPanel>
                    </CustomAccordionItem>
                    <CustomAccordionItem
                        key={'resources'}
                        title={'Resources'}
                        expanded={false}
                    >
                    </CustomAccordionItem>
                    <CustomAccordionItem
                        key={'resources'}
                        title={'Resources'}
                        expanded={false}
                    >
                    </CustomAccordionItem>

                </Accordion>
            </div>
                /*<div className='stencil-panel'>


                    {/!*<label className="stencil-label">Stencil</label>*!/}
                    <NodesPanel></NodesPanel>
                </div>*/
            )

    }
}
